	<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		
		<style type="text/css">
			.laohuji2 {
				position: relative;
				width: 100%;
				margin: 0 auto;
			}
			.laohuji2 img {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				z-index: 10;
			}
			.lhjsum {
				position: absolute;
				width: 85%;
				left: 7.5%;
				top: 25%;
				bottom: 20%;
				/*border: 1px solid red;*/
				z-index: 20;
			}
			.laohuji {
				width: 100%;
				height: 100%;
			}
			.laohuji div {
				box-sizing: border-box;
				width: 25.33%;
				margin: 0 4%;
				height: 100%;
				float: left;
				box-sizing: border-box;
				overflow: hidden;
				background-image: url(img/nums.png);
				background-size: 100% 1000%;
				background-position: 0 0;
			}
			
		</style>
		
	</head>
	<body>
		
		<div class="laohuji2">
			<div class="lhjsum">
				<div class="laohuji">
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
			<img src="img/tou4.png" />
		</div>
	</body>
	
	<script type="text/javascript" src="js/laohuji.js" ></script>
	
	<script>
		var lhj;
		window.onload = function(){
			// 实例化
			lhj = new laohuji(".lhjsum");
		}
		
		setTimeout(function(){
			lhj.start(2, 4, 5);
		}, 1000)
	</script>
	
</html>
